<template>
  <Pagination
    :item="paginationItem"
    @handleCurrentChange="handleCurrentChange"
    @handleSizeChange="handleSizeChange"
  ></Pagination>
</template>
<script>
import Pagination from "../components/pagination.vue";
export default {
  data() {
    return {
      paginationItem: {
        current_page: 1,
        page_sizes: [10, 20, 50, 100],
        page_size: 10,
        total: 110,
        hidePage: true,
        small: false,
        background: true,
      },
    };
  },
  components: {
    Pagination,
  },
  methods: {
    handleCurrentChange(newPage) {
      console.log("currentChange", newPage);
    },
    handleSizeChange(newSize) {
      console.log("pageChange", newSize);
    },
  },
};
</script>
